<template>
  <div class="container">
    <mt-header fixed title="快速体验">
      <router-link to="/" slot="left">
        <mt-button icon="back"></mt-button>
      </router-link>
    </mt-header>
    <p>以模拟数据体验产品，感受精益制造</p>
    <form class="mui-input-group">
      <div class="mui-input-row">
        <label>+86</label>
        <input type="text" placeholder="请输入手机号码" class="input1"/>
        <button type="button" class="mui-btn mui-btn-primary">获取验证码</button>
      </div>

      <div class="mui-input-row">
        <label>验证码</label>
        <input type="password" class="mui-input-password" placeholder="请输入验证码" />
      </div>
    </form> 
  

    <mt-button size="large" type="primary" @click="goTabbar" class="lg">立即体验</mt-button>
   	<!-- <p>Copyright@2019-2022</p> -->
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    goTabbar() {
      this.$router.push({ name: "tabbar" });
    }
  }
};
</script>

<style scoped="scoped">

.container {
  /* padding: 10px; */
  padding-top: 20px;
  position: relative;
}
.lg {
  margin-top: 20px;
}
p {
  text-align: center;
  font-size: 18px;
  color: black;
}
.mint-header-title {
  font-size: 20px;
}
.first {
    display: inline;
   
}
/* p {
  text-align: center;
  position: absolute;
  bottom: 10px;
} */
</style>
